<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>图片上传示例</title>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <link rel="stylesheet" href="uploadImage.css">
</head>

<body>
    <div class="imageWrapper">
        <div>
            <button id="uploadButton" type="button" class="btnUpload"></button>
            <input id="imagePic" name="imagePic" type="file" accept=".bmp,.jpg,.png,.jpeg,image/bmp,image/jpg,image/png,image/jpeg" style="display:none" />
        </div>
        <div class="fontTip">限上传不超过10M的bmp, jpg, png, jpeg格式的图片 </div>
        <div class="imageShow">
            <img id="uploadImageShow" src="" />
        </div>
    </div>
</body>
<script src="uploadImage.js"></script>

</html>